import Image from "next/image"
import Link from "next/link"
import LogoImage from "@/app/assets/images/logoMain.png"
import WxImage from "@/app/assets/images/wxEwm.jpg"
import classNames from "classnames"
import styles from './index.module.css'

const WebSiteFooter = () => {
  return (
    <footer className="bg-dark h-[300px] flex flex-col items-center text-gray-400 text-sm">
      <div className="max-w-screen-xl w-full h-full flex flex-col">
        <div className="flex-1 flex items-center justify-between">
          <div className="w-[210px]">
            <Image src={LogoImage} alt="重庆首厚智能科技研究院有限公司" />
            <span>24H服务热线：023- 6751 3560</span>
          </div>
          <div className="w-[1px] h-[140px] bg-gray-700 mr-10 ml-10"></div>
          <div className={classNames("flex-1", styles.linkStyle)}>
            <ul className="grid grid-cols-6">
              <li>
                <Link href={'/'}>首页</Link>
              </li>
              <li>
                <Link href={'/pages/productIntro/lims'}>产品展示</Link>
              </li>
              <li>
                <Link href={'/pages/customerCase'}>客户案例</Link>
              </li>
              <li>
                <Link href={'/pages/news'}>新闻资讯</Link>
              </li>
              <li>
                <Link href={'/pages/abouts/company'}>关于我们</Link>
              </li>
            </ul>
            <ul className="grid grid-cols-6 mt-4">
              <li></li>
              <li>
                <Link href={'/pages/productIntro/lims'}>LIMS 室验室管理系统</Link>
              </li>
              <li></li>
              <li></li>
              <li>
                <Link href={'/pages/abouts/company'}>公司介绍</Link>
              </li>
            </ul>
            <ul className="grid grid-cols-6">
              <li></li>
              <li>
                <Link href={'/pages/productIntro/carbon'}>双碳管理系统</Link>
              </li>
              <li></li>
              <li>
              </li>
              <li>
                <Link href={'/pages/abouts/letter'}>董事长的一封信</Link>
              </li>
            </ul>
            <ul className="grid grid-cols-6">
              <li></li>
              <li>
              </li>
              <li></li>
              <li></li>
              <li>
              <Link href={'/pages/abouts/certifcate'}>资质证书</Link>
              </li>
            </ul>
            <ul className="grid grid-cols-6">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
          <div className="w-[1px] h-[140px] bg-gray-700 mr-10 ml-10"></div>
          <div className=" w-[104px]">
            <Image src={WxImage} alt="重庆首厚智能科技研究院有限公司" />
            <span className="mt-2 block">关注微信公众号</span>
          </div>
        </div>
        <div className="h-[40px] border-t border-gray-700 border-solid flex items-center">
          <p className="text-gray-400 text-sm mb-0">
            重庆首厚智能科技研究院有限公司  <a target="blank" href="https://beian.miit.gov.cn" className="ml-2 text-gray-400 hover:text-red-400">渝ICP备2023002064号</a>
          </p>
        </div>
      </div>
    </footer>
  )
}

export default WebSiteFooter